//导入react和react-dom
// react负责创建元素-虚拟的Dom
import React from 'react';
// reactDOM负责渲染react元素
import ReactDOM from 'react-dom';

// 样式处理
// 两个{{}}，外层是插值表达式，里层是样式对象
// px可以省略用数字表示
// 连字符使用驼峰式写法
const list = (
  <>
    <h1 style={{ color: 'green', fontSize: 36 }}>你好，陌生人</h1>
  </>
);


// 渲染元素到页面
// 语法：ReactDOM.render（react元素，真实的dom作为挂载点）
ReactDOM.render(list, document.getElementById('root'));
